#{extends 'main.html' /}

<script src="@{'/public/javascripts/PayrollPeriods/blank.js'}" type="text/javascript" charset="utf-8"></script>

<div id="crudBlank" class="${type.name}">

  <h2 id="crudBlankTitle">&{'crud.blank.title', type.modelName}</h2>

  <div class="objectForm">
  #{form action:@create(), enctype:'multipart/form-data'}
    #{crud.form fields:['fromDate', 'toDate']}
      #{crud.custom 'fromDate'}
        <label>Start Date:</label>
        <input type="text" id="object_fromDate" name="object.fromDate" />
      #{/crud.custom}
      #{crud.custom 'toDate'}
        <label>End Date:</label>
        <input type="text" id="object_toDate" name="object.toDate" />
      #{/crud.custom}
    #{/crud.form}
    <p class="crudButtons">
      <input type="submit" name="_save" value="&{'crud.save', type.modelName}" />
      <input type="submit" name="_saveAndContinue" value="&{'crud.saveAndContinue', type.modelName}" />
      <input type="submit" name="_saveAndAddAnother" value="&{'crud.saveAndAddAnother', type.modelName}" />
    </p>
  #{/form}
  </div>

</div>
